<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.nav{
				height: 60px;
				background-color: blue;
			}
			*{
				margin: 0px;
				padding: 0px;
				text-decoration: none;
				list-style: none;
			}
			.blackk{
				float: left;
				width: 100px;
				line-height: 60px;
				text-align: center;
				
			}
			.blackk a{
				color: aliceblue;
				display: block;
			}
			.blackk a:hover{
				background: #666;
			}
			
		</style>
	</head>
	<body>
		<div class="nav">
		<ul class="">
			<li class="blackk"><a href="#">首页</a></li>
			<li class="blackk"><a href="#">学院概况</a></li>
			<li class="blackk"><a href="#">开放教育</a></li>
			<li class="blackk"><a href="#">专业设置</a></li>
			<li class="blackk"><a href="#">党建工作</a></li>
			<li class="blackk"><a href="#">学工之窗</a></li>
			<li class="blackk"><a href="#">教学科研</a></li>
			<li class="blackk"><a href="#">校企合作</a></li>
			<li class="blackk"><a href="#">办学条件</a></li>
			<li class="blackk"><a href="#">招生就业</a></li>
		</ul>
		</div>
		
	</body>
</html>